<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>student register</title>
		<style>
			/*输入框样式*/
			input[type="text"]{
				width: 300px;
				height: 20px;
			}
			/*整体右移*/
			form{
				margin-left: 50px;
			}
			
		</style>
		<script src="jquery-1.8.3.min.js"></script>
		<script>
			function fun(){
				$.ajax({
					url:"http://localhost:8080/student/register",
					data: $("#f1").serialize()  , //请求时要携带的参数
					success: function(data){ //成功时会回调的函数
						alert(data);
					}
				});
			}
		</script>
	</head>
	<body>
		<form action="#" method="post" id="f1">
			<table>
				<tr>
					<td>
						<h2>学生信息管理系统MIS</h2>
					</td>
				</tr>
				<tr>
					<td>
						姓名：
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" placeholder="请输入姓名..." name="name" />
					</td>
				</tr>
				<tr>
					<td>
						年龄：
					</td>
				</tr>
				<tr>
					<td>
						<input type="text" placeholder="请输入年龄..." name="age" />
					</td>
				</tr>
				<tr>
					<td>
						性别:(单选框)
						<input type="radio" name="sex" value="1" checked="checked"/>男
						<input type="radio" name="sex" value="0"/>女
					</td>
				</tr>
				<tr>
					<td>
						爱好:(多选)
						<input type="checkbox" name="hobby" value="ppq" checked="checked"/>乒乓球
						<input type="checkbox" name="hobby" value="ps"/>爬山
						<input type="checkbox" name="hobby" value="cg"/>唱歌
					</td>
				</tr>
				<tr>
					<td>
						学历:(下拉框)
						<select name="edu">
							<option value="1">研究生</option>
							<option value="2">本科</option>
							<option value="3">专科</option>
							<option value="4">高中及其他</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						入学日期:
						<input type="date"  name="intime" />
					</td>
				</tr>
				<tr>
					<td>
						<input type="button" onclick="fun()" value="提交" style="color: white;background-color: #0000FF;border-color: #0000FF;"/>
						<input type="reset"  value="重置" style="color: white;background-color: pink;border-color: pink;"/>
					</td>
				</tr>
			</table>
			
		</form>
	</body>
</html>
